{% extends "parent.html" %}
{% block title %}{{ title }}{% endblock %}
{% block content %}

  <style type="text/css">
    .important { color: #336699; }
    .t_div1{
    	padding-top:30px;
    	padding-left:20px;
    	line-height: 30px
    }
    .t_button{
    	height: 40px;
    	width: 100px;
    	line-height: 40px;
    	text-align: center;
    	background-color: #CD3700;
    	color:#fff;
    	cursor: pointer;
    	border: 1px solid #CD4F39;
    }
    .t_button:hover{
    	border: 1px solid #CD4F39;
		background-color: #CD4F39;
		border-radius: 5px;
    }
    .history{
    	flex-direction: column;
    	display: flex;
    	margin-top: 40px;
    	font-size: 15px;

    }
    .hischild{
    	display: flex;
    	margin-bottom: 10px;

    }
    .pad{
    	margin-right: 20px;
    	width: 200px;
    }
    .histitle{
    	width: 500px;
    	height: 40px;
    	background-color: #CD3700;
    	border:1px solid #CD3700;
    	color:#fff;
    	line-height: 40px;
    	padding-left:10px;
    	margin-bottom: 10px;


    }
    .download{
    	color:#fff;
    	background-color: #CD3700;
    	width: 35px;
    	height: 30px;
    	line-height: 30px;
    	font-size: 13px;
    	text-align: center;
    	border:1px solid #CD3700;
    	border-radius: 3px;
    	cursor: pointer;

    }
    .download:hover{
    	
    	background-color: #CD4F39;
    }

  </style>
  <div class="t_div1">
	  <div >路径为 {{ url }}</div>
	  <div>压缩包已生成</div>
	  <div class="t_button" onclick="toClickFun(1)">点击下载</div>

	 <div class="history">
	 	<div class="histitle">历史记录</div>
  	{% for item in filearray %}
  		<div class="hischild">
  			<div class="pad">{{ item }}.zip</div>
  			<div class="download" onclick="toClickFun('{{ item }}')">下载</div>

  		</div>
  		
  	{% endfor %}

  	</div>
  </div>

  
  
  <script type="text/javascript">
  	function toClickFun(data){
  		if(data ==1){
  			location.href = 'http://daochu.com/putout.php?url ={{ url }}';
  		}else{
  			location.href = 'http://daochu.com/putout.php?url ={{ cwd }}/'+data;
  		}
  		
  	}
  </script>
  
{% endblock %}